<template>
    <div id="cont3" class="content font-class part">
        <div class="article markdown">
            <h2 id="font-class-">iconfont 用法</h2>
            <p>使用步骤如下：</p>
            <h4>第一步：在main文件中引入样式代码：</h4>
            <p class="code">import 'yong-ui/base.css'</p>
            <h4>第二步：挑选相应图标并获取类名，应用于页面：</h4>
            <p class="code">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;</p>
        </div>
        <ul class="icon_lists">
            <li class="dib" v-for="item in iconList" :key="item.label">
                <span class="icon iconfont" :class="item.class"></span>
                <div class="code-name">{{ item.label }}</div>
            </li>
        </ul>
    </div>
</template>
<script setup>
import { reactive } from 'vue'
const iconList = reactive([{
    class: "icon-icon-test",
    name: "view",
    label: "icon-icon-test",
},
{
    class: "icon-icon-test1",
    name: "view_off",
    label: "icon-icon-test1",
},
{
    class: "icon-icon-test2",
    name: "message",
    label: "icon-icon-test2",
},
{
    class: "icon-icon-test3",
    name: "message_unread",
    label: "icon-icon-test3",
},
{
    class: "icon-icon-test4",
    name: "record",
    label: "icon-icon-test4",
},
{
    class: "icon-icon-test5",
    name: "time",
    label: "icon-icon-test5",
},
{
    class: "icon-icon-test6",
    name: "credits",
    label: "icon-icon-test6",
},
{
    class: "icon-icon-test7",
    name: "renew",
    label: "icon-icon-test7",
},
{
    class: "icon-icon-test8",
    name: "order",
    label: "icon-icon-test8",
},
{
    class: "icon-icon-test9",
    name: "order_unread",
    label: "icon-icon-test9",
},
{
    class: "icon-icon-test10",
    name: "cart_empty",
    label: "icon-icon-test10",
},
{
    class: "icon-icon-test11",
    name: "cart",
    label: "icon-icon-test11",
},
{
    class: "icon-icon-test12",
    name: "search",
    label: "icon-icon-test12",
},
{
    class: "icon-icon-test13",
    name: "edit",
    label: "icon-icon-test13",
},
{
    class: "icon-icon-test14",
    name: "link",
    label: "icon-icon-test14",
},
{
    class: "icon-icon-test15",
    name: "share",
    label: "icon-icon-test15",
},
{
    class: "icon-icon-test16",
    name: "setting",
    label: "icon-icon-test16",
},
{
    class: "icon-icon-test17",
    name: "upload",
    label: "icon-icon-test17",
},
{
    class: "icon-icon-test18",
    name: "download",
    label: "icon-icon-test18",
},
{
    class: "icon-icon-test19",
    name: "play",
    label: "icon-icon-test19",
},
{
    class: "icon-icon-test20",
    name: "region",
    label: "icon-icon-test20",
},
{
    class: "icon-icon-test21",
    name: "discount",
    label: "icon-icon-test21",
},
{
    class: "icon-icon-test22",
    name: "notification",
    label: "icon-icon-test22",
},
{
    class: "icon-icon-test23",
    name: "notification_off",
    label: "icon-icon-test23",
},
{
    class: "icon-icon-test24",
    name: "phonecall",
    label: "icon-icon-test24",
},
{
    class: "icon-icon-test25",
    name: "phonecall_off",
    label: "icon-icon-test25",
},
{
    class: "icon-icon-test26",
    name: "lock",
    label: "icon-icon-test26",
},
{
    class: "icon-icon-test27",
    name: "unlock",
    label: "icon-icon-test27",
},
{
    class: "icon-icon-test28",
    name: "ET",
    label: "icon-icon-test28",
},
{
    class: "icon-icon-test29",
    name: "flow",
    label: "icon-icon-test29",
},
{
    class: "icon-icon-test30",
    name: "filter",
    label: "icon-icon-test30",
},
{
    class: "icon-icon-test31",
    name: "calculator",
    label: "icon-icon-test31",
},
{
    class: "icon-icon-test32",
    name: "image",
    label: "icon-icon-test32",
},
{
    class: "icon-icon-test33",
    name: "email",
    label: "icon-icon-test33",
},
{
    class: "icon-icon-test34",
    name: "copy",
    label: "icon-icon-test34",
},
{
    class: "icon-icon-test35",
    name: "user",
    label: "icon-icon-test35",
},
{
    class: "icon-icon-test36",
    name: "customer_service",
    label: "icon-icon-test36",
},
{
    class: "icon-icon-test37",
    name: "sub_account",
    label: "icon-icon-test37",
},
{
    class: "icon-icon-test38",
    name: "partner",
    label: "icon-icon-test38",
},
{
    class: "icon-icon-test39",
    name: "list",
    label: "icon-icon-test39",
},
{
    class: "icon-icon-test40",
    name: "international",
    label: "icon-icon-test40",
},
{
    class: "icon-icon-test41",
    name: "refresh",
    label: "icon-icon-test41",
},
{
    class: "icon-icon-test42",
    name: "close_filled",
    label: "icon-icon-test42",
},
{
    class: "icon-icon-test43",
    name: "check",
    label: "icon-icon-test43",
},
{
    class: "icon-icon-test44",
    name: "close",
    label: "icon-icon-test44",
},
{
    class: "icon-icon-test45",
    name: "check_filled",
    label: "icon-icon-test45",
},
{
    class: "icon-icon-test46",
    name: "forbidden",
    label: "icon-icon-test46",
},
{
    class: "icon-icon-test47",
    name: "forbidden_filled",
    label: "icon-icon-test47",
},
{
    class: "icon-icon-test48",
    name: "info_filled",
    label: "icon-icon-test48",
},
{
    class: "icon-icon-test49",
    name: "info",
    label: "icon-icon-test49",
},
{
    class: "icon-icon-test50",
    name: "help_filled",
    label: "icon-icon-test50",
},
{
    class: "icon-icon-test51",
    name: "help",
    label: "icon-icon-test51",
},
{
    class: "icon-icon-test52",
    name: "caution",
    label: "icon-icon-test52",
},
{
    class: "icon-icon-test53",
    name: "caution_filled",
    label: "icon-icon-test53",
},
{
    class: "icon-icon-test54",
    name: "like",
    label: "icon-icon-test54",
},
{
    class: "icon-icon-test55",
    name: "like_filled",
    label: "icon-icon-test55",
},
{
    class: "icon-icon-test56",
    name: "star",
    label: "icon-icon-test56",
},
{
    class: "icon-icon-test57",
    name: "star_filled",
    label: "icon-icon-test57",
},
{
    class: "icon-icon-test58",
    name: "arrow_up",
    label: "icon-icon-test58",
},
{
    class: "icon-icon-test59",
    name: "arrow_left",
    label: "icon-icon-test59",
},
{
    class: "icon-icon-test60",
    name: "arrow_down",
    label: "icon-icon-test60",
},
{
    class: "icon-icon-test61",
    name: "arrow_right",
    label: "icon-icon-test61",
},
{
    class: "icon-icon-test62",
    name: "page_first",
    label: "icon-icon-test62",
},
{
    class: "icon-icon-test63",
    name: "down_to_bottom",
    label: "icon-icon-test63",
},
{
    class: "icon-icon-test64",
    name: "up_to_top",
    label: "icon-icon-test64",
},
{
    class: "icon-icon-test65",
    name: "page_last",
    label: "icon-icon-test65",
},
{
    class: "icon-icon-test66",
    name: "page_turning_left",
    label: "icon-icon-test66",
},
{
    class: "icon-icon-test67",
    name: "page_turning_right",
    label: "icon-icon-test67",
},
{
    class: "icon-icon-test68",
    name: "show_less",
    label: "icon-icon-test68",
},
{
    class: "icon-icon-test69",
    name: "show_more",
    label: "icon-icon-test69",
},
{
    class: "icon-icon-test70",
    name: "social_fb",
    label: "icon-icon-test70",
},
{
    class: "icon-icon-test71",
    name: "social_linkedin",
    label: "icon-icon-test71",
},
{
    class: "icon-icon-test72",
    name: "social_sina",
    label: "icon-icon-test72",
},
{
    class: "icon-icon-test73",
    name: "social_google",
    label: "icon-icon-test73",
},
{
    class: "icon-icon-test74",
    name: "social_naver",
    label: "icon-icon-test74",
},
{
    class: "icon-icon-test75",
    name: "social_stackflow",
    label: "icon-icon-test75",
},
{
    class: "icon-icon-test76",
    name: "social_youtube",
    label: "icon-icon-test76",
},
{
    class: "icon-icon-test77",
    name: "social_github",
    label: "icon-icon-test77",
},
{
    class: "icon-icon-test78",
    name: "social_twitter",
    label: "icon-icon-test78",
},
{
    class: "icon-icon-test79",
    name: "applets",
    label: "icon-icon-test79",
},
{
    class: "icon-icon-test80",
    name: "social_wechat",
    label: "icon-icon-test80",
},
{
    class: "icon-icon-test81",
    name: "social_server_fault",
    label: "icon-icon-test81",
},
{
    class: "icon-icon-test82",
    name: "balance",
    label: "icon-icon-test82",
},
{
    class: "icon-icon-test83",
    name: "go-to-link",
    label: "icon-icon-test83",
},
{
    class: "icon-icon-test84",
    name: "benefits",
    label: "icon-icon-test84",
},
{
    class: "icon-dingtalk",
    name: "dingtalk",
    label: "icon-dingtalk",
},
{
    class: "icon-alipay",
    name: "alipay",
    label: "icon-alipay",
},
{
    class: "icon-taobao",
    name: "taobao",
    label: "icon-taobao",
},
{
    class: "icon-icon-test85",
    name: "1688",
    label: "icon-icon-test85",
},
{
    class: "icon-auto",
    name: "auto",
    label: "icon-auto",
},
{
    class: "icon-all",
    name: "all",
    label: "icon-all",
},
{
    class: "icon-bussiness-man",
    name: "bussiness-man",
    label: "icon-bussiness-man",
},
{
    class: "icon-component",
    name: "component",
    label: "icon-component",
},
{
    class: "icon-code",
    name: "code",
    label: "icon-code",
},
{
    class: "icon-copy",
    name: "copy",
    label: "icon-copy",
},
{
    class: "icon-dollar",
    name: "dollar",
    label: "icon-dollar",
},
{
    class: "icon-history",
    name: "history",
    label: "icon-history",
},
{
    class: "icon-editor",
    name: "editor",
    label: "icon-editor",
},
{
    class: "icon-data",
    name: "data",
    label: "icon-data",
},
{
    class: "icon-gift",
    name: "gift",
    label: "icon-gift",
},
{
    class: "icon-integral",
    name: "integral",
    label: "icon-integral",
},
{
    class: "icon-nav-list",
    name: "nav-list",
    label: "icon-nav-list",
},
{
    class: "icon-pic",
    name: "pic",
    label: "icon-pic",
},
{
    class: "icon-Notvisible",
    name: "Not visible",
    label: "icon-Notvisible",
},
{
    class: "icon-play",
    name: "play",
    label: "icon-play",
},
{
    class: "icon-rising",
    name: "rising",
    label: "icon-rising",
},
{
    class: "icon-QRcode",
    name: "QRcode",
    label: "icon-QRcode",
},
{
    class: "icon-rmb",
    name: "rmb",
    label: "icon-rmb",
},
{
    class: "icon-similar-product",
    name: "similar-product",
    label: "icon-similar-product",
},
{
    class: "icon-Exportservices",
    name: "export services",
    label: "icon-Exportservices",
},
{
    class: "icon-sendinquiry",
    name: "send inquiry",
    label: "icon-sendinquiry",
},
{
    class: "icon-all-fill",
    name: "all-fill",
    label: "icon-all-fill",
},
{
    class: "icon-favorites-fill",
    name: "favorites-fill",
    label: "icon-favorites-fill",
},
{
    class: "icon-integral-fill",
    name: "integral-fill",
    label: "icon-integral-fill",
},
{
    class: "icon-namecard-fill",
    name: "namecard-fill",
    label: "icon-namecard-fill",
},
{
    class: "icon-pic-fill",
    name: "pic-fill",
    label: "icon-pic-fill",
},
{
    class: "icon-play-fill",
    name: "play-fill",
    label: "icon-play-fill",
},
{
    class: "icon-prompt-fill",
    name: "prompt-fill",
    label: "icon-prompt-fill",
},
{
    class: "icon-stop-fill",
    name: "stop-fill",
    label: "icon-stop-fill",
},
{
    class: "icon-column",
    name: "3column",
    label: "icon-column",
},
{
    class: "icon-add-account",
    name: "add-account",
    label: "icon-add-account",
},
{
    class: "icon-column1",
    name: "4column",
    label: "icon-column1",
},
{
    class: "icon-add",
    name: "add",
    label: "icon-add",
},
{
    class: "icon-agriculture",
    name: "agriculture",
    label: "icon-agriculture",
},
{
    class: "icon-years",
    name: "2years",
    label: "icon-years",
},
{
    class: "icon-add-cart",
    name: "add-cart",
    label: "icon-add-cart",
},
{
    class: "icon-arrow-right",
    name: "arrow-right",
    label: "icon-arrow-right",
},
{
    class: "icon-arrow-left",
    name: "arrow-left",
    label: "icon-arrow-left",
},
{
    class: "icon-apparel",
    name: "apparel",
    label: "icon-apparel",
},
{
    class: "icon-all1",
    name: "all",
    label: "icon-all1",
},
{
    class: "icon-arrow-up",
    name: "arrow-up",
    label: "icon-arrow-up",
},
{
    class: "icon-ascending",
    name: "ascending",
    label: "icon-ascending",
},
{
    class: "icon-ashbin",
    name: "ashbin",
    label: "icon-ashbin",
},
{
    class: "icon-atm",
    name: "atm",
    label: "icon-atm",
},
{
    class: "icon-bad",
    name: "bad",
    label: "icon-bad",
},
{
    class: "icon-attachent",
    name: "attachent",
    label: "icon-attachent",
},
{
    class: "icon-browse",
    name: "browse",
    label: "icon-browse",
},
{
    class: "icon-beauty",
    name: "beauty",
    label: "icon-beauty",
},
{
    class: "icon-atm-away",
    name: "atm-away",
    label: "icon-atm-away",
},
{
    class: "icon-assessed-badge",
    name: "assessed-badge",
    label: "icon-assessed-badge",
},
{
    class: "icon-auto1",
    name: "auto",
    label: "icon-auto1",
},
{
    class: "icon-bags",
    name: "bags",
    label: "icon-bags",
},
{
    class: "icon-calendar",
    name: "calendar",
    label: "icon-calendar",
},
{
    class: "icon-cart-full",
    name: "cart- full",
    label: "icon-cart-full",
},
{
    class: "icon-calculator",
    name: "calculator",
    label: "icon-calculator",
},
{
    class: "icon-cameraswitching",
    name: "camera switching",
    label: "icon-cameraswitching",
},
{
    class: "icon-cecurity-protection",
    name: "cecurity-protection",
    label: "icon-cecurity-protection",
},
{
    class: "icon-category",
    name: "category",
    label: "icon-category",
},
{
    class: "icon-close",
    name: "close",
    label: "icon-close",
},
{
    class: "icon-certified-supplier",
    name: "certified-supplier",
    label: "icon-certified-supplier",
},
{
    class: "icon-cart-Empty",
    name: "cart-Empty",
    label: "icon-cart-Empty",
},
{
    class: "icon-code1",
    name: "code",
    label: "icon-code1",
},
{
    class: "icon-color",
    name: "color",
    label: "icon-color",
},
{
    class: "icon-conditions",
    name: "conditions",
    label: "icon-conditions",
},
{
    class: "icon-confirm",
    name: "confirm",
    label: "icon-confirm",
},
{
    class: "icon-company",
    name: "company",
    label: "icon-company",
},
{
    class: "icon-ali-clould",
    name: "ali-clould",
    label: "icon-ali-clould",
},
{
    class: "icon-copy1",
    name: "copy",
    label: "icon-copy1",
},
{
    class: "icon-credit-level",
    name: "credit-level",
    label: "icon-credit-level",
},
{
    class: "icon-coupons",
    name: "coupons",
    label: "icon-coupons",
},
{
    class: "icon-connections",
    name: "connections",
    label: "icon-connections",
},
{
    class: "icon-cry",
    name: "cry",
    label: "icon-cry",
},
{
    class: "icon-costoms-alearance",
    name: "costoms-alearance",
    label: "icon-costoms-alearance",
},
{
    class: "icon-clock",
    name: "clock",
    label: "icon-clock",
},
{
    class: "icon-CurrencyConverter",
    name: "Currency Converter",
    label: "icon-CurrencyConverter",
},
{
    class: "icon-cut",
    name: "cut",
    label: "icon-cut",
},
{
    class: "icon-data1",
    name: "data",
    label: "icon-data1",
},
{
    class: "icon-Customermanagement",
    name: "Customer management",
    label: "icon-Customermanagement",
},
{
    class: "icon-descending",
    name: "descending",
    label: "icon-descending",
},
{
    class: "icon-double-arro-right",
    name: "double-arro- right",
    label: "icon-double-arro-right",
},
{
    class: "icon-customization",
    name: "customization",
    label: "icon-customization",
},
{
    class: "icon-double-arrow-left",
    name: "double-arrow-left",
    label: "icon-double-arrow-left",
},
{
    class: "icon-discount",
    name: "discount",
    label: "icon-discount",
},
{
    class: "icon-download",
    name: "download",
    label: "icon-download",
},
{
    class: "icon-dollar1",
    name: "dollar",
    label: "icon-dollar1",
},
{
    class: "icon-default-template",
    name: "default-template",
    label: "icon-default-template",
},
{
    class: "icon-editor1",
    name: "editor",
    label: "icon-editor1",
},
{
    class: "icon-eletrical",
    name: "eletrical",
    label: "icon-eletrical",
},
{
    class: "icon-electronics",
    name: "electronics",
    label: "icon-electronics",
},
{
    class: "icon-etrical-equipm",
    name: "etrical-equipm",
    label: "icon-etrical-equipm",
},
{
    class: "icon-ellipsis",
    name: "ellipsis",
    label: "icon-ellipsis",
},
{
    class: "icon-email",
    name: "email",
    label: "icon-email",
},
{
    class: "icon-falling",
    name: "falling",
    label: "icon-falling",
},
{
    class: "icon-earth",
    name: "earth",
    label: "icon-earth",
},
{
    class: "icon-filter",
    name: "filter",
    label: "icon-filter",
},
{
    class: "icon-furniture",
    name: "furniture",
    label: "icon-furniture",
},
{
    class: "icon-folder",
    name: "folder",
    label: "icon-folder",
},
{
    class: "icon-feeds",
    name: "feeds",
    label: "icon-feeds",
},
{
    class: "icon-history1",
    name: "history",
    label: "icon-history1",
},
{
    class: "icon-hardware",
    name: "hardware",
    label: "icon-hardware",
},
{
    class: "icon-help",
    name: "help",
    label: "icon-help",
},
{
    class: "icon-good",
    name: "good",
    label: "icon-good",
},
{
    class: "icon-Householdappliances",
    name: "Household appliances",
    label: "icon-Householdappliances",
},
{
    class: "icon-gift1",
    name: "gift",
    label: "icon-gift1",
},
{
    class: "icon-form",
    name: "form",
    label: "icon-form",
},
{
    class: "icon-image-text",
    name: "image-text",
    label: "icon-image-text",
},
{
    class: "icon-hot",
    name: "hot",
    label: "icon-hot",
},
{
    class: "icon-inspection",
    name: "inspection",
    label: "icon-inspection",
},
{
    class: "icon-leftbutton",
    name: "left button",
    label: "icon-leftbutton",
},
{
    class: "icon-jewelry",
    name: "jewelry",
    label: "icon-jewelry",
},
{
    class: "icon-ipad",
    name: "ipad",
    label: "icon-ipad",
},
{
    class: "icon-leftarrow",
    name: "left arrow",
    label: "icon-leftarrow",
},
{
    class: "icon-integral1",
    name: "integral",
    label: "icon-integral1",
},
{
    class: "icon-kitchen",
    name: "kitchen",
    label: "icon-kitchen",
},
{
    class: "icon-inquiry-template",
    name: "inquiry-template",
    label: "icon-inquiry-template",
},
{
    class: "icon-link",
    name: "link",
    label: "icon-link",
},
{
    class: "icon-libra",
    name: "libra",
    label: "icon-libra",
},
{
    class: "icon-loading",
    name: "loading",
    label: "icon-loading",
},
{
    class: "icon-listing-content",
    name: "listing-content",
    label: "icon-listing-content",
},
{
    class: "icon-lights",
    name: "lights",
    label: "icon-lights",
},
{
    class: "icon-logistics-icon",
    name: "logistics-icon",
    label: "icon-logistics-icon",
},
{
    class: "icon-messagecenter",
    name: "message center",
    label: "icon-messagecenter",
},
{
    class: "icon-mobile-phone",
    name: "mobile-phone",
    label: "icon-mobile-phone",
},
{
    class: "icon-manage-order",
    name: "manage-order",
    label: "icon-manage-order",
},
{
    class: "icon-move",
    name: "move",
    label: "icon-move",
},
{
    class: "icon-Moneymanagement",
    name: "Money management",
    label: "icon-Moneymanagement",
},
{
    class: "icon-namecard",
    name: "namecard",
    label: "icon-namecard",
},
{
    class: "icon-map",
    name: "map",
    label: "icon-map",
},
{
    class: "icon-Newuserzone",
    name: "New user zone",
    label: "icon-Newuserzone",
},
{
    class: "icon-multi-language",
    name: "multi-language",
    label: "icon-multi-language",
},
{
    class: "icon-office",
    name: "office",
    label: "icon-office",
},
{
    class: "icon-notice",
    name: "notice",
    label: "icon-notice",
},
{
    class: "icon-ontimeshipment",
    name: "on time shipment",
    label: "icon-ontimeshipment",
},
{
    class: "icon-office-supplies",
    name: "office-supplies",
    label: "icon-office-supplies",
},
{
    class: "icon-password",
    name: "password",
    label: "icon-password",
},
{
    class: "icon-Notvisible1",
    name: "Not visible",
    label: "icon-Notvisible1",
},
{
    class: "icon-operation",
    name: "operation",
    label: "icon-operation",
},
{
    class: "icon-packaging",
    name: "packaging",
    label: "icon-packaging",
},
{
    class: "icon-online-tracking",
    name: "online-tracking",
    label: "icon-online-tracking",
},
{
    class: "icon-packing-labeling",
    name: "packing-labeling",
    label: "icon-packing-labeling",
},
{
    class: "icon-phone",
    name: "phone",
    label: "icon-phone",
},
{
    class: "icon-pic1",
    name: "pic",
    label: "icon-pic1",
},
{
    class: "icon-pin",
    name: "pin",
    label: "icon-pin",
},
{
    class: "icon-play1",
    name: "play",
    label: "icon-play1",
},
{
    class: "icon-logistic-logo",
    name: "logistic-logo",
    label: "icon-logistic-logo",
},
{
    class: "icon-print",
    name: "print",
    label: "icon-print",
},
{
    class: "icon-product",
    name: "product",
    label: "icon-product",
},
{
    class: "icon-machinery",
    name: "machinery",
    label: "icon-machinery",
},
{
    class: "icon-process",
    name: "process",
    label: "icon-process",
},
{
    class: "icon-prompt",
    name: "prompt",
    label: "icon-prompt",
},
{
    class: "icon-QRcode1",
    name: "QRcode",
    label: "icon-QRcode1",
},
{
    class: "icon-reeor",
    name: "reeor",
    label: "icon-reeor",
},
{
    class: "icon-reduce",
    name: "reduce",
    label: "icon-reduce",
},
{
    class: "icon-Non-staplefood",
    name: "Non-staple food",
    label: "icon-Non-staplefood",
},
{
    class: "icon-rejected-order",
    name: "rejected-order",
    label: "icon-rejected-order",
},
{
    class: "icon-resonserate",
    name: "resonse rate",
    label: "icon-resonserate",
},
{
    class: "icon-remind",
    name: "remind",
    label: "icon-remind",
},
{
    class: "icon-responsetime",
    name: "response time",
    label: "icon-responsetime",
},
{
    class: "icon-return",
    name: "return",
    label: "icon-return",
},
{
    class: "icon-paylater",
    name: "paylater",
    label: "icon-paylater",
},
{
    class: "icon-rising1",
    name: "rising",
    label: "icon-rising1",
},
{
    class: "icon-Rightarrow",
    name: "Right arrow",
    label: "icon-Rightarrow",
},
{
    class: "icon-rmb1",
    name: "rmb",
    label: "icon-rmb1",
},
{
    class: "icon-RFQ-logo",
    name: "RFQ-logo",
    label: "icon-RFQ-logo",
},
{
    class: "icon-save",
    name: "save",
    label: "icon-save",
},
{
    class: "icon-scanning",
    name: "scanning",
    label: "icon-scanning",
},
{
    class: "icon-security",
    name: "security",
    label: "icon-security",
},
{
    class: "icon-salescenter",
    name: "sales center",
    label: "icon-salescenter",
},
{
    class: "icon-seleted",
    name: "seleted",
    label: "icon-seleted",
},
{
    class: "icon-searchcart",
    name: "search cart",
    label: "icon-searchcart",
},
{
    class: "icon-raw",
    name: "raw",
    label: "icon-raw",
},
{
    class: "icon-service",
    name: "service",
    label: "icon-service",
},
{
    class: "icon-share",
    name: "share",
    label: "icon-share",
},
{
    class: "icon-signboard",
    name: "signboard",
    label: "icon-signboard",
},
{
    class: "icon-shuffling-banner",
    name: "shuffling-banner",
    label: "icon-shuffling-banner",
},
{
    class: "icon-Rightbutton",
    name: "Right button",
    label: "icon-Rightbutton",
},
{
    class: "icon-sorting",
    name: "sorting",
    label: "icon-sorting",
},
{
    class: "icon-sound-Mute",
    name: "sound-Mute",
    label: "icon-sound-Mute",
},
{
    class: "icon-Similarproducts",
    name: "category products",
    label: "icon-Similarproducts",
},
{
    class: "icon-sound-filling",
    name: "sound-filling",
    label: "icon-sound-filling",
},
{
    class: "icon-suggest",
    name: "suggest",
    label: "icon-suggest",
},
{
    class: "icon-stop",
    name: "stop",
    label: "icon-stop",
},
{
    class: "icon-success",
    name: "success",
    label: "icon-success",
},
{
    class: "icon-supplier-features",
    name: "supplier-features",
    label: "icon-supplier-features",
},
{
    class: "icon-switch",
    name: "switch",
    label: "icon-switch",
},
{
    class: "icon-survey",
    name: "survey",
    label: "icon-survey",
},
{
    class: "icon-template",
    name: "template",
    label: "icon-template",
},
{
    class: "icon-text",
    name: "text",
    label: "icon-text",
},
{
    class: "icon-suspended",
    name: "suspended",
    label: "icon-suspended",
},
{
    class: "icon-task-management",
    name: "task-management",
    label: "icon-task-management",
},
{
    class: "icon-tool",
    name: "tool",
    label: "icon-tool",
},
{
    class: "icon-Top",
    name: "top",
    label: "icon-Top",
},
{
    class: "icon-smile",
    name: "smile",
    label: "icon-smile",
},
{
    class: "icon-textile-products",
    name: "textile-products",
    label: "icon-textile-products",
},
{
    class: "icon-tradealert",
    name: "trade alert",
    label: "icon-tradealert",
},
{
    class: "icon-topsales",
    name: "top sales",
    label: "icon-topsales",
},
{
    class: "icon-tradingvolume",
    name: "trading volume",
    label: "icon-tradingvolume",
},
{
    class: "icon-training",
    name: "training",
    label: "icon-training",
},
{
    class: "icon-upload",
    name: "upload",
    label: "icon-upload",
},
{
    class: "icon-RFQ-word",
    name: "RFQ-word",
    label: "icon-RFQ-word",
},
{
    class: "icon-viewlarger",
    name: "view larger",
    label: "icon-viewlarger",
},
{
    class: "icon-viewgallery",
    name: "viewgallery",
    label: "icon-viewgallery",
},
{
    class: "icon-vehivles",
    name: "vehivles",
    label: "icon-vehivles",
},
{
    class: "icon-trust",
    name: "trust",
    label: "icon-trust",
},
{
    class: "icon-warning",
    name: "warning",
    label: "icon-warning",
},
{
    class: "icon-warehouse",
    name: "warehouse",
    label: "icon-warehouse",
},
{
    class: "icon-shoes",
    name: "shoes",
    label: "icon-shoes",
},
{
    class: "icon-video",
    name: "video",
    label: "icon-video",
},
{
    class: "icon-viewlist",
    name: "viewlist",
    label: "icon-viewlist",
},
{
    class: "icon-set",
    name: "set",
    label: "icon-set",
},
{
    class: "icon-store",
    name: "store",
    label: "icon-store",
},
{
    class: "icon-tool-hardware",
    name: "tool-hardware",
    label: "icon-tool-hardware",
},
{
    class: "icon-vs",
    name: "vs",
    label: "icon-vs",
},
{
    class: "icon-toy",
    name: "toy",
    label: "icon-toy",
},
{
    class: "icon-sport",
    name: "sport",
    label: "icon-sport",
},
{
    class: "icon-creditcard",
    name: "credit card",
    label: "icon-creditcard",
},
{
    class: "icon-contacts",
    name: "contacts",
    label: "icon-contacts",
},
{
    class: "icon-checkstand",
    name: "checkstand",
    label: "icon-checkstand",
},
{
    class: "icon-aviation",
    name: "aviation",
    label: "icon-aviation",
},
{
    class: "icon-Daytimemode",
    name: "Daytime mode",
    label: "icon-Daytimemode",
},
{
    class: "icon-infantmom",
    name: "infant & mom",
    label: "icon-infantmom",
},
{
    class: "icon-discounts",
    name: "discounts",
    label: "icon-discounts",
},
{
    class: "icon-invoice",
    name: "invoice",
    label: "icon-invoice",
},
{
    class: "icon-insurance",
    name: "insurance",
    label: "icon-insurance",
},
{
    class: "icon-nightmode",
    name: "night mode",
    label: "icon-nightmode",
},
{
    class: "icon-usercenter",
    name: "user center",
    label: "icon-usercenter",
},
{
    class: "icon-unlock",
    name: "unlock",
    label: "icon-unlock",
},
{
    class: "icon-vip",
    name: "vip",
    label: "icon-vip",
},
{
    class: "icon-wallet",
    name: "wallet",
    label: "icon-wallet",
},
{
    class: "icon-landtransportation",
    name: "land transportation",
    label: "icon-landtransportation",
},
{
    class: "icon-voice",
    name: "voice",
    label: "icon-voice",
},
{
    class: "icon-exchangerate",
    name: "exchange rate",
    label: "icon-exchangerate",
},
{
    class: "icon-contacts-fill",
    name: "contacts-fill",
    label: "icon-contacts-fill",
},
{
    class: "icon-add-account1",
    name: "add-account",
    label: "icon-add-account1",
},
{
    class: "icon-years-fill",
    name: "2years-fill",
    label: "icon-years-fill",
},
{
    class: "icon-add-cart-fill",
    name: "add-cart-fill",
    label: "icon-add-cart-fill",
},
{
    class: "icon-add-fill",
    name: "add-fill",
    label: "icon-add-fill",
},
{
    class: "icon-all-fill1",
    name: "all-fill",
    label: "icon-all-fill1",
},
{
    class: "icon-ashbin-fill",
    name: "ashbin-fill",
    label: "icon-ashbin-fill",
},
{
    class: "icon-calendar-fill",
    name: "calendar-fill",
    label: "icon-calendar-fill",
},
{
    class: "icon-bad-fill",
    name: "bad-fill",
    label: "icon-bad-fill",
},
{
    class: "icon-bussiness-man-fill",
    name: "bussiness-man-fill",
    label: "icon-bussiness-man-fill",
},
{
    class: "icon-cart-full-fill",
    name: "cart- full-fill",
    label: "icon-cart-full-fill",
},
{
    class: "icon-cart-Empty-fill",
    name: "cart-Empty-fill",
    label: "icon-cart-Empty-fill",
},
{
    class: "icon-cameraswitching-fill",
    name: "camera switching-fill",
    label: "icon-cameraswitching-fill",
},
{
    class: "icon-certified-supplier-fill",
    name: "certified-supplier-fill",
    label: "icon-certified-supplier-fill",
},
{
    class: "icon-calculator-fill",
    name: "calculator-fill",
    label: "icon-calculator-fill",
},
{
    class: "icon-clock-fill",
    name: "clock-fill",
    label: "icon-clock-fill",
},
{
    class: "icon-ali-clould-fill",
    name: "ali-clould-fill",
    label: "icon-ali-clould-fill",
},
{
    class: "icon-color-fill",
    name: "color-fill",
    label: "icon-color-fill",
},
{
    class: "icon-coupons-fill",
    name: "coupons-fill",
    label: "icon-coupons-fill",
},
{
    class: "icon-cecurity-protection-fill",
    name: "cecurity-protection-fill",
    label: "icon-cecurity-protection-fill",
},
{
    class: "icon-credit-level-fill",
    name: "credit-level-fill",
    label: "icon-credit-level-fill",
},
{
    class: "icon-default-template-fill",
    name: "default-template-fill",
    label: "icon-default-template-fill",
},
{
    class: "icon-CurrencyConverter-fill",
    name: "Currency Converter-fill",
    label: "icon-CurrencyConverter-fill",
},
{
    class: "icon-Customermanagement-fill",
    name: "Customer management-fill",
    label: "icon-Customermanagement-fill",
},
{
    class: "icon-discounts-fill",
    name: "discounts-fill",
    label: "icon-discounts-fill",
},
{
    class: "icon-Daytimemode-fill",
    name: "Daytime mode-fill",
    label: "icon-Daytimemode-fill",
},
{
    class: "icon-exl-fill",
    name: "exl-fill",
    label: "icon-exl-fill",
},
{
    class: "icon-cry-fill",
    name: "cry-fill",
    label: "icon-cry-fill",
},
{
    class: "icon-email-fill",
    name: "email-fill",
    label: "icon-email-fill",
},
{
    class: "icon-filter-fill",
    name: "filter-fill",
    label: "icon-filter-fill",
},
{
    class: "icon-folder-fill",
    name: "folder-fill",
    label: "icon-folder-fill",
},
{
    class: "icon-feeds-fill",
    name: "feeds-fill",
    label: "icon-feeds-fill",
},
{
    class: "icon-gold-supplie-fill",
    name: "gold-supplie-fill",
    label: "icon-gold-supplie-fill",
},
{
    class: "icon-form-fill",
    name: "form-fill",
    label: "icon-form-fill",
},
{
    class: "icon-camera-fill",
    name: "camera-fill",
    label: "icon-camera-fill",
},
{
    class: "icon-good-fill",
    name: "good-fill",
    label: "icon-good-fill",
},
{
    class: "icon-image-text-fill",
    name: "image-text-fill",
    label: "icon-image-text-fill",
},
{
    class: "icon-inspection-fill",
    name: "inspection-fill",
    label: "icon-inspection-fill",
},
{
    class: "icon-hot-fill",
    name: "hot-fill",
    label: "icon-hot-fill",
},
{
    class: "icon-company-fill",
    name: "company-fill",
    label: "icon-company-fill",
},
{
    class: "icon-discount-fill",
    name: "discount-fill",
    label: "icon-discount-fill",
},
{
    class: "icon-insurance-fill",
    name: "insurance-fill",
    label: "icon-insurance-fill",
},
{
    class: "icon-inquiry-template-fill",
    name: "inquiry-template-fill",
    label: "icon-inquiry-template-fill",
},
{
    class: "icon-leftbutton-fill",
    name: "left button-fill",
    label: "icon-leftbutton-fill",
},
{
    class: "icon-integral-fill1",
    name: "integral-fill",
    label: "icon-integral-fill1",
},
{
    class: "icon-help1",
    name: "help",
    label: "icon-help1",
},
{
    class: "icon-listing-content-fill",
    name: "listing-content-fill",
    label: "icon-listing-content-fill",
},
{
    class: "icon-logistic-logo-fill",
    name: "logistic-logo-fill",
    label: "icon-logistic-logo-fill",
},
{
    class: "icon-Moneymanagement-fill",
    name: "Money management-fill",
    label: "icon-Moneymanagement-fill",
},
{
    class: "icon-manage-order-fill",
    name: "manage-order-fill",
    label: "icon-manage-order-fill",
},
{
    class: "icon-multi-language-fill",
    name: "multi-language-fill",
    label: "icon-multi-language-fill",
},
{
    class: "icon-logistics-icon-fill",
    name: "logistics-icon-fill",
    label: "icon-logistics-icon-fill",
},
{
    class: "icon-Newuserzone-fill",
    name: "New user zone-fill",
    label: "icon-Newuserzone-fill",
},
{
    class: "icon-nightmode-fill",
    name: "night mode-fill",
    label: "icon-nightmode-fill",
},
{
    class: "icon-office-supplies-fill",
    name: "office-supplies-fill",
    label: "icon-office-supplies-fill",
},
{
    class: "icon-notice-fill",
    name: "notice-fill",
    label: "icon-notice-fill",
},
{
    class: "icon-mute",
    name: "mute",
    label: "icon-mute",
},
{
    class: "icon-order-fill",
    name: "order-fill",
    label: "icon-order-fill",
},
{
    class: "icon-password1",
    name: "password",
    label: "icon-password1",
},
{
    class: "icon-map1",
    name: "map",
    label: "icon-map1",
},
{
    class: "icon-paylater-fill",
    name: "paylater-fill",
    label: "icon-paylater-fill",
},
{
    class: "icon-phone-fill",
    name: "phone-fill",
    label: "icon-phone-fill",
},
{
    class: "icon-online-tracking-fill",
    name: "online-tracking-fill",
    label: "icon-online-tracking-fill",
},
{
    class: "icon-play-fill1",
    name: "play-fill",
    label: "icon-play-fill1",
},
{
    class: "icon-pdf-fill",
    name: "pdf-fill",
    label: "icon-pdf-fill",
},
{
    class: "icon-phone1",
    name: "phone",
    label: "icon-phone1",
},
{
    class: "icon-pin-fill",
    name: "pin-fill",
    label: "icon-pin-fill",
},
{
    class: "icon-product-fill",
    name: "product-fill",
    label: "icon-product-fill",
},
{
    class: "icon-rankinglist-fill",
    name: "ranking list-fill",
    label: "icon-rankinglist-fill",
},
{
    class: "icon-reduce-fill",
    name: "reduce-fill",
    label: "icon-reduce-fill",
},
{
    class: "icon-reeor-fill",
    name: "reeor-fill",
    label: "icon-reeor-fill",
},
{
    class: "icon-pic-fill1",
    name: "pic-fill",
    label: "icon-pic-fill1",
},
{
    class: "icon-rankinglist",
    name: "ranking list",
    label: "icon-rankinglist",
},
{
    class: "icon-product1",
    name: "product",
    label: "icon-product1",
},
{
    class: "icon-prompt-fill1",
    name: "prompt-fill",
    label: "icon-prompt-fill1",
},
{
    class: "icon-resonserate-fill",
    name: "resonse rate-fill",
    label: "icon-resonserate-fill",
},
{
    class: "icon-remind-fill",
    name: "remind-fill",
    label: "icon-remind-fill",
},
{
    class: "icon-Rightbutton-fill",
    name: "Right button-fill",
    label: "icon-Rightbutton-fill",
},
{
    class: "icon-RFQ-logo-fill",
    name: "RFQ-logo-fill",
    label: "icon-RFQ-logo-fill",
},
{
    class: "icon-RFQ-word-fill",
    name: "RFQ-word-fill",
    label: "icon-RFQ-word-fill",
},
{
    class: "icon-searchcart-fill",
    name: "search cart-fill",
    label: "icon-searchcart-fill",
},
{
    class: "icon-salescenter-fill",
    name: "sales center-fill",
    label: "icon-salescenter-fill",
},
{
    class: "icon-save-fill",
    name: "save-fill",
    label: "icon-save-fill",
},
{
    class: "icon-security-fill",
    name: "security-fill",
    label: "icon-security-fill",
},
{
    class: "icon-Similarproducts-fill",
    name: "category products-fill",
    label: "icon-Similarproducts-fill",
},
{
    class: "icon-signboard-fill",
    name: "signboard-fill",
    label: "icon-signboard-fill",
},
{
    class: "icon-service-fill",
    name: "service-fill",
    label: "icon-service-fill",
},
{
    class: "icon-shuffling-banner-fill",
    name: "shuffling-banner-fill",
    label: "icon-shuffling-banner-fill",
},
{
    class: "icon-supplier-features-fill",
    name: "supplier-features-fill",
    label: "icon-supplier-features-fill",
},
{
    class: "icon-store-fill",
    name: "store-fill",
    label: "icon-store-fill",
},
{
    class: "icon-smile-fill",
    name: "smile-fill",
    label: "icon-smile-fill",
},
{
    class: "icon-success-fill",
    name: "success-fill",
    label: "icon-success-fill",
},
{
    class: "icon-sound-filling-fill",
    name: "sound-filling-fill",
    label: "icon-sound-filling-fill",
},
{
    class: "icon-sound-Mute1",
    name: "sound-Mute",
    label: "icon-sound-Mute1",
},
{
    class: "icon-suspended-fill",
    name: "suspended-fill",
    label: "icon-suspended-fill",
},
{
    class: "icon-tool-fill",
    name: "tool-fill",
    label: "icon-tool-fill",
},
{
    class: "icon-task-management-fill",
    name: "task-management-fill",
    label: "icon-task-management-fill",
},
{
    class: "icon-unlock-fill",
    name: "unlock-fill",
    label: "icon-unlock-fill",
},
{
    class: "icon-trust-fill",
    name: "trust-fill",
    label: "icon-trust-fill",
},
{
    class: "icon-vip-fill",
    name: "vip-fill",
    label: "icon-vip-fill",
},
{
    class: "icon-set1",
    name: "set",
    label: "icon-set1",
},
{
    class: "icon-Top-fill",
    name: "top-fill",
    label: "icon-Top-fill",
},
{
    class: "icon-viewlarger1",
    name: "view larger",
    label: "icon-viewlarger1",
},
{
    class: "icon-voice-fill",
    name: "voice-fill",
    label: "icon-voice-fill",
},
{
    class: "icon-warning-fill",
    name: "warning-fill",
    label: "icon-warning-fill",
},
{
    class: "icon-warehouse-fill",
    name: "warehouse-fill",
    label: "icon-warehouse-fill",
},
{
    class: "icon-zip-fill",
    name: "zip-fill",
    label: "icon-zip-fill",
},
{
    class: "icon-trade-assurance-fill",
    name: "trade-assurance-fill",
    label: "icon-trade-assurance-fill",
},
{
    class: "icon-vs-fill",
    name: "vs-fill",
    label: "icon-vs-fill",
},
{
    class: "icon-video1",
    name: "video",
    label: "icon-video1",
},
{
    class: "icon-template-fill",
    name: "template-fill",
    label: "icon-template-fill",
},
{
    class: "icon-wallet1",
    name: "wallet",
    label: "icon-wallet1",
},
{
    class: "icon-training1",
    name: "training",
    label: "icon-training1",
},
{
    class: "icon-packing-labeling-fill",
    name: "packing-labeling-fill",
    label: "icon-packing-labeling-fill",
},
{
    class: "icon-Exportservices-fill",
    name: "export services-fill",
    label: "icon-Exportservices-fill",
},
{
    class: "icon-brand-fill",
    name: "brand-fill",
    label: "icon-brand-fill",
},
{
    class: "icon-collection",
    name: "collection",
    label: "icon-collection",
},
{
    class: "icon-consumption-fill",
    name: "consumption-fill",
    label: "icon-consumption-fill",
},
{
    class: "icon-collection-fill",
    name: "collection-fill",
    label: "icon-collection-fill",
},
{
    class: "icon-brand",
    name: "brand",
    label: "icon-brand",
},
{
    class: "icon-rejected-order-fill",
    name: "rejected-order-fill",
    label: "icon-rejected-order-fill",
},
{
    class: "icon-homepage-ads-fill",
    name: "homepage-ads-fill",
    label: "icon-homepage-ads-fill",
},
{
    class: "icon-homepage-ads",
    name: "homepage-ads",
    label: "icon-homepage-ads",
},
{
    class: "icon-scenes-fill",
    name: "scenes-fill",
    label: "icon-scenes-fill",
},
{
    class: "icon-scenes",
    name: "scenes",
    label: "icon-scenes",
},
{
    class: "icon-similar-product-fill",
    name: "similar-product-fill",
    label: "icon-similar-product-fill",
},
{
    class: "icon-topraning-fill",
    name: "topraning-fill",
    label: "icon-topraning-fill",
},
{
    class: "icon-consumption",
    name: "consumption",
    label: "icon-consumption",
},
{
    class: "icon-topraning",
    name: "topraning",
    label: "icon-topraning",
},
{
    class: "icon-gold-supplier",
    name: "gold-supplier",
    label: "icon-gold-supplier",
},
{
    class: "icon-messagecenter-fill",
    name: "message center-fill",
    label: "icon-messagecenter-fill",
},
{
    class: "icon-quick",
    name: "quick",
    label: "icon-quick",
},
{
    class: "icon-writing",
    name: "writing",
    label: "icon-writing",
},
{
    class: "icon-docjpge-fill",
    name: "doc-fill",
    label: "icon-docjpge-fill",
},
{
    class: "icon-jpge-fill",
    name: "jpge-fill",
    label: "icon-jpge-fill",
},
{
    class: "icon-gifjpge-fill",
    name: "gif-fill",
    label: "icon-gifjpge-fill",
},
{
    class: "icon-bmpjpge-fill",
    name: "bmp-fill",
    label: "icon-bmpjpge-fill",
},
{
    class: "icon-tifjpge-fill",
    name: "tif-fill",
    label: "icon-tifjpge-fill",
},
{
    class: "icon-pngjpge-fill",
    name: "png-fill",
    label: "icon-pngjpge-fill",
},
{
    class: "icon-Hometextile",
    name: "home",
    label: "icon-Hometextile",
},
{
    class: "icon-home",
    name: "home",
    label: "icon-home",
},
{
    class: "icon-sendinquiry-fill",
    name: "send inquiry-fill",
    label: "icon-sendinquiry-fill",
},
{
    class: "icon-comments-fill",
    name: "comments-fill",
    label: "icon-comments-fill",
},
{
    class: "icon-account-fill",
    name: "account-fill",
    label: "icon-account-fill",
},
{
    class: "icon-feed-logo-fill",
    name: "feed-logo-fill",
    label: "icon-feed-logo-fill",
},
{
    class: "icon-feed-logo",
    name: "feed-logo",
    label: "icon-feed-logo",
},
{
    class: "icon-home-fill",
    name: "home-fill",
    label: "icon-home-fill",
},
{
    class: "icon-add-select",
    name: "add-select",
    label: "icon-add-select",
},
{
    class: "icon-sami-select",
    name: "sami-select",
    label: "icon-sami-select",
},
{
    class: "icon-camera",
    name: "camera",
    label: "icon-camera",
},
{
    class: "icon-arrow-down",
    name: "arrow-down",
    label: "icon-arrow-down",
},
{
    class: "icon-account",
    name: "account",
    label: "icon-account",
},
{
    class: "icon-comments",
    name: "comments",
    label: "icon-comments",
},
{
    class: "icon-cart-Empty1",
    name: "cart-Empty",
    label: "icon-cart-Empty1",
},
{
    class: "icon-favorites",
    name: "favorites",
    label: "icon-favorites",
},
{
    class: "icon-order",
    name: "order",
    label: "icon-order",
},
{
    class: "icon-search",
    name: "search",
    label: "icon-search",
},
{
    class: "icon-trade-assurance",
    name: "trade-assurance",
    label: "icon-trade-assurance",
},
{
    class: "icon-usercenter1",
    name: "user center",
    label: "icon-usercenter1",
},
{
    class: "icon-tradingdata",
    name: "trading data",
    label: "icon-tradingdata",
},
{
    class: "icon-microphone",
    name: "microphone",
    label: "icon-microphone",
},
{
    class: "icon-txt",
    name: "txt",
    label: "icon-txt",
},
{
    class: "icon-xlsx",
    name: "xlsx",
    label: "icon-xlsx",
},
{
    class: "icon-banzhengfuwu",
    name: "办证服务",
    label: "icon-banzhengfuwu",
},
{
    class: "icon-cangku",
    name: "仓库",
    label: "icon-cangku",
},
{
    class: "icon-daibancaishui",
    name: "代办财税",
    label: "icon-daibancaishui",
},
{
    class: "icon-jizhuangxiang",
    name: "集装箱",
    label: "icon-jizhuangxiang",
},
{
    class: "icon-jiaobiao",
    name: "角标",
    label: "icon-jiaobiao",
},
{
    class: "icon-kehupandian",
    name: "客户盘点",
    label: "icon-kehupandian",
},
{
    class: "icon-dongtai",
    name: "动态",
    label: "icon-dongtai",
},
{
    class: "icon-daikuan",
    name: "贷款",
    label: "icon-daikuan",
},
{
    class: "icon-shengyijing",
    name: "生意经",
    label: "icon-shengyijing",
},
{
    class: "icon-jiehui",
    name: "结汇",
    label: "icon-jiehui",
},
{
    class: "icon-fencengpeizhi",
    name: "分层配置",
    label: "icon-fencengpeizhi",
},
{
    class: "icon-shenqingjilu",
    name: "申请记录",
    label: "icon-shenqingjilu",
},
{
    class: "icon-shangchuanbeiandanzheng",
    name: "上传备案单证",
    label: "icon-shangchuanbeiandanzheng",
},
{
    class: "icon-shangchuan",
    name: "上传",
    label: "icon-shangchuan",
},
{
    class: "icon-kehuquanyi",
    name: "客户权益",
    label: "icon-kehuquanyi",
},
{
    class: "icon-suoxiao",
    name: "缩小",
    label: "icon-suoxiao",
},
{
    class: "icon-quanyipeizhi",
    name: "权益配置",
    label: "icon-quanyipeizhi",
},
{
    class: "icon-shuangshen",
    name: "双审",
    label: "icon-shuangshen",
},
{
    class: "icon-tongguan",
    name: "通关",
    label: "icon-tongguan",
},
{
    class: "icon-tuishui",
    name: "退税",
    label: "icon-tuishui",
},
{
    class: "icon-tongguanshuju",
    name: "通关数据",
    label: "icon-tongguanshuju",
},
{
    class: "icon-kuaidiwuliu",
    name: "快递物流",
    label: "icon-kuaidiwuliu",
},
{
    class: "icon-wuliuchanpin",
    name: "物流产品",
    label: "icon-wuliuchanpin",
},
{
    class: "icon-waihuishuju",
    name: "外汇数据",
    label: "icon-waihuishuju",
},
{
    class: "icon-xinxibar_shouji",
    name: "信息bar_手机",
    label: "icon-xinxibar_shouji",
},
{
    class: "icon-xinwaizongyewu",
    name: "新外综业务",
    label: "icon-xinwaizongyewu",
},
{
    class: "icon-wuliudingdan",
    name: "物流订单",
    label: "icon-wuliudingdan",
},
{
    class: "icon-zhongjianren",
    name: "中间人",
    label: "icon-zhongjianren",
},
{
    class: "icon-xinxibar_zhanghu",
    name: "信息bar_账户",
    label: "icon-xinxibar_zhanghu",
},
{
    class: "icon-yidatong",
    name: "一达通",
    label: "icon-yidatong",
},
{
    class: "icon-zhuanyequanwei",
    name: "专业权威",
    label: "icon-zhuanyequanwei",
},
{
    class: "icon-zhanghucaozuo",
    name: "账户操作",
    label: "icon-zhanghucaozuo",
},
{
    class: "icon-xuanzhuandu",
    name: "旋转90度",
    label: "icon-xuanzhuandu",
},
{
    class: "icon-tuishuirongzi",
    name: "退税融资",
    label: "icon-tuishuirongzi",
},
{
    class: "icon-AddProducts",
    name: "Add Products",
    label: "icon-AddProducts",
},
{
    class: "icon-ziyingyewu",
    name: "自营业务",
    label: "icon-ziyingyewu",
},
{
    class: "icon-addcell",
    name: "addcell",
    label: "icon-addcell",
},
{
    class: "icon-background-color",
    name: "background-color",
    label: "icon-background-color",
},
{
    class: "icon-cascades",
    name: "cascades",
    label: "icon-cascades",
},
{
    class: "icon-beijing",
    name: "beijing",
    label: "icon-beijing",
},
{
    class: "icon-bold",
    name: "bold",
    label: "icon-bold",
},
{
    class: "icon-zijin",
    name: "资金",
    label: "icon-zijin",
},
{
    class: "icon-eraser",
    name: "eraser",
    label: "icon-eraser",
},
{
    class: "icon-centeralignment",
    name: "centeralignment",
    label: "icon-centeralignment",
},
{
    class: "icon-click",
    name: "click",
    label: "icon-click",
},
{
    class: "icon-aspjiesuan",
    name: "asp结算",
    label: "icon-aspjiesuan",
},
{
    class: "icon-flag",
    name: "flag",
    label: "icon-flag",
},
{
    class: "icon-falg-fill",
    name: "falg-fill",
    label: "icon-falg-fill",
},
{
    class: "icon-Fee",
    name: "Fee",
    label: "icon-Fee",
},
{
    class: "icon-filling",
    name: "filling",
    label: "icon-filling",
},
{
    class: "icon-Foreigncurrency",
    name: "Foreign currency",
    label: "icon-Foreigncurrency",
},
{
    class: "icon-guanliyuan",
    name: "guanliyuan",
    label: "icon-guanliyuan",
},
{
    class: "icon-language",
    name: "language",
    label: "icon-language",
},
{
    class: "icon-leftalignment",
    name: "leftalignment",
    label: "icon-leftalignment",
},
{
    class: "icon-extra-inquiries",
    name: "extra-inquiries",
    label: "icon-extra-inquiries",
},
{
    class: "icon-Italic",
    name: "Italic",
    label: "icon-Italic",
},
{
    class: "icon-pcm",
    name: "pcm",
    label: "icon-pcm",
},
{
    class: "icon-reducecell",
    name: "reducecell",
    label: "icon-reducecell",
},
{
    class: "icon-rightalignment",
    name: "rightalignment",
    label: "icon-rightalignment",
},
{
    class: "icon-pointerleft",
    name: "pointerleft",
    label: "icon-pointerleft",
},
{
    class: "icon-subscript",
    name: "subscript",
    label: "icon-subscript",
},
{
    class: "icon-square",
    name: "square",
    label: "icon-square",
},
{
    class: "icon-superscript",
    name: "superscript",
    label: "icon-superscript",
},
{
    class: "icon-tag-subscript",
    name: "tag-subscript",
    label: "icon-tag-subscript",
},
{
    class: "icon-danjuzhuanhuan",
    name: "单据转换",
    label: "icon-danjuzhuanhuan",
},
{
    class: "icon-Transfermoney",
    name: "Transfer money",
    label: "icon-Transfermoney",
},
{
    class: "icon-under-line",
    name: "under-line",
    label: "icon-under-line",
},
{
    class: "icon-xiakuangxian",
    name: "xiakuangxian",
    label: "icon-xiakuangxian",
},
{
    class: "icon-shouqi",
    name: "收起",
    label: "icon-shouqi",
},
{
    class: "icon-zhankai",
    name: "展开",
    label: "icon-zhankai",
},
{
    class: "icon-tongxunlu",
    name: "通讯录",
    label: "icon-tongxunlu",
},
{
    class: "icon-yiguanzhugongyingshang",
    name: "已关注供应商",
    label: "icon-yiguanzhugongyingshang",
},
{
    class: "icon-goumaipianhao",
    name: "购买偏好",
    label: "icon-goumaipianhao",
},
{
    class: "icon-Subscribe",
    name: "Subscribe",
    label: "icon-Subscribe",
},
{
    class: "icon-becomeagoldsupplier",
    name: "become a gold supplier",
    label: "icon-becomeagoldsupplier",
},
{
    class: "icon-new",
    name: "new",
    label: "icon-new",
},
{
    class: "icon-free",
    name: "free",
    label: "icon-free",
},
{
    class: "icon-cad-fill",
    name: "cad-fill",
    label: "icon-cad-fill",
},
{
    class: "icon-robot",
    name: "robot",
    label: "icon-robot",
},
{
    class: "icon-inspection1",
    name: "inspection",
    label: "icon-inspection1",
},
{
    class: "icon-block",
    name: "block",
    label: "icon-block",
},
{
    class: "icon-shouhuoicon",
    name: "收货icon",
    label: "icon-shouhuoicon",
},
{
    class: "icon-bingtu",
    name: "饼图",
    label: "icon-bingtu",
},
{
    class: "icon-faxian",
    name: "发现",
    label: "icon-faxian",
},
{
    class: "icon-guzhang",
    name: "故障",
    label: "icon-guzhang",
},
{
    class: "icon-caichan",
    name: "财产",
    label: "icon-caichan",
},
{
    class: "icon-huiyuan",
    name: "会员",
    label: "icon-huiyuan",
},
{
    class: "icon-gouwu",
    name: "购物",
    label: "icon-gouwu",
},
{
    class: "icon-liebiao",
    name: "列表",
    label: "icon-liebiao",
},
{
    class: "icon-quanbu",
    name: "全部",
    label: "icon-quanbu",
},
{
    class: "icon-shouye",
    name: "首页",
    label: "icon-shouye",
},
{
    class: "icon-shebei",
    name: "设备",
    label: "icon-shebei",
},
{
    class: "icon-chanpin",
    name: "产品",
    label: "icon-chanpin",
},
{
    class: "icon-jiangzhang",
    name: "奖章",
    label: "icon-jiangzhang",
},
{
    class: "icon-suo",
    name: "锁",
    label: "icon-suo",
},
{
    class: "icon-tongji",
    name: "统计",
    label: "icon-tongji",
},
{
    class: "icon-laba",
    name: "喇叭",
    label: "icon-laba",
},
{
    class: "icon-tianjia",
    name: "添加",
    label: "icon-tianjia",
},
{
    class: "icon-mofa",
    name: "魔法",
    label: "icon-mofa",
},
{
    class: "icon-shuju",
    name: "数据",
    label: "icon-shuju",
},
{
    class: "icon-shuoming1",
    name: "说明1",
    label: "icon-shuoming1",
},
{
    class: "icon-xiaoxi",
    name: "消息",
    label: "icon-xiaoxi",
},
{
    class: "icon-shouye1",
    name: "首页1",
    label: "icon-shouye1",
}])
</script>
<style scoped>
ul, li{
    list-style-type: none;

}
.icon_lists {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
    border: .5px solid #dedede;
    padding: 0;
}

.dib {
    min-width: 200px;
    border: .5px solid #dedede;
    padding: 20px 10px;
    text-align: center;
    flex: 1;
}

.iconfont {
    font-size: 26px;
}
</style>